<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <meta name="viewport"
          content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"/>
    <meta name="Keywords" content="嘉兴东臣信息科技有限公司"/>
    <meta name="Description"
          content="嘉兴东臣信息科技公司根据全球服务外包产业的发展趋势和中国服务外包产业发展的新特点，借助于世界500强企业Oracle在全球IT教育的领导地位，通过Oracle创新IT人才培训体系和整体解决方案"/>

    <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css"/>
    <script src="js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
    <script src="js/bootstrap.js" type="text/javascript" charset="utf-8"></script>

    <title>Title</title>
</head>
<style type="text/css">
    .ol{
        position: fixed;
        right: 0;
        top: 0;
        background-color: #fee;
    }
</style>
<body>

<!--以下为有序列表书签-->
<ol class="ol">
    <li>
        <a href="#title_1">锚点</a>
    </li>

    <li>
        <a href="#title_2">文本格式化</a>
    </li>

    <li>
        <a href="#title_3">图像</a>
    </li>

    <li>
        <a href="#title_4">无序列表</a>
    </li>

    <li>
        <a href="#title_5">有序列表</a>
    </li>

    <li>
        <a href="#title_6">表格</a>
    </li>
</ol>


<!--以下为书签内容-->
<h2 id = "title_1">锚点在a连接标签中用name定义，在h标题标签中用id定义</h2>
<br><br><br><br><br><br><br><br><br><br><br>



<h2 id = "title_2">
    <p>
        <b>My</b> father is a 好人。现在我们学习<i>html</i>格式化<del>html</del>不是html吗？<br>
        难道我<b>胖胖的</b>脑袋又理解<u>错了</u>听说2H<sub>2</sub>+O<sub>2</sub>会生成2H<sub>2</sub>O，
        1 <sup>2</sup>*0 <sup>2</sup>猜猜等于几，<br>
        不要以为你找了一个就不是单身
    </p>
</h2>
<br><br><br><br><br><br><br><br><br><br><br>



<h2 id = "title_3">
    <p>网络图片</p>
    <img width="100" src="http://zxpic.imtt.qq.com/zxpic_imtt/2018/09/04/1300/originalimage/130426_619885515_1_642_408.jpg"
         alt="some_text">
    <p>本地图片</p>
    <img width="100"  src="111.jpg">
</h2>



<br><br><br><br><br><br><br><br><br><br><br>
<h2 id = "title_4">
    <p>无序列表ul</p>
    <ul style = "list-style: circle">
        <li>窗前明月光</li>
        <li>疑是地上霜</li>
        <li>举头望明月</li>
        <li>低头思故乡</li>
    </ul>
</h2>




<br><br><br><br><br><br><br><br><br><br><br>
<h2 id = "title_5">
    <p>有序列表ol</p>
    <ol>
        <li>窗前明月光</li>
        <li>疑是地上霜</li>
        <li>举头望明月</li>
        <li>低头思故乡</li>
    </ol>
</h2>



<br><br><br><br><br><br><br><br><br><br><br>
<h2 id = "title_6">
    <p>表格</p>
        <table bgcolor="ff0000" border="1">
            <tr>
                <td>1</td>
                <td>2</td>
                <td>3</td>
            </tr>

            <tr>
                <td>4</td>
                <td>5</td>
            </tr>
    </table>
</h2>
<br><br><br><br><br><br><br><br><br><br><br>
<header>


</header>


</body>
</html>